<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- Title of Landing Page -->
<title>Teje que Teje - Hand Made With Love</title>

<!-- CSS -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/responsive.css" rel="stylesheet" type="text/css" />
<link href="form/form.css" rel="stylesheet" type="text/css" />


<!-- Google Webfonts -->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>

<!-- Scripts -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script><!-- You can modify this file content with your classes -->
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript" src="js/parallax/jquery.parallax-1.1.3.js"></script>
<script type="text/javascript" src="js/parallax/jquery.localscroll-1.2.7-min.js"></script>
<script type="text/javascript" src="js/parallax/jquery.scrollTo-1.4.2-min.js"></script>
<script type="text/javascript" src="js/slide/responsiveslides.min.js"></script>
<script type="text/javascript" src="js/slide/slides.min.jquery.js"></script>

<script>

	$(window).load(function() {
	$('.flexslider').flexslider();
	}) 
	
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-42658538-1', 'mildthemes.com');
  ga('send', 'pageview');

</script>
</head>

<body>

	<!--open header-->
	<header>
		<!--open .wrapper-->
		<div class="wrapper">
			<a href="#intro"><div class="logo"></div></a>
			<ul id="nav">
				<li><a href="#intro" title="Next Section">Inicio</a></li>
				<li><a href="#overview" title="Next Section">Presentación</a></li>
			    <li><a href="#features" title="Next Section">Productos</a></li>
			    <li><a href="#testimonials" title="Next Section">Compromisos</a></li>
			    <li><a href="#subscribe" title="Next Section">Suscripción</a></li>
			    <li><a href="#pricing" title="Next Section">Precios</a></li>
			    <li><a href="#contact" title="Next Section">Contacto</a></li>
			</ul>
			<div id="menu"></div>
			
				<ul class="menu">
					<li><a href="#intro" title="Next Section">Inicio</a></li>
					<li><a href="#overview" title="Next Section">Presentación</a></li>
				    <li><a href="#features" title="Next Section">Productos</a></li>
				    <li><a href="#testimonials" title="Next Section">Compromisos</a></li>
				    <li><a href="#subscribe" title="Next Section">Suscripción</a></li>
				    <li><a href="#pricing" title="Next Section">Precios</a></li>
				    <li><a href="#contact" title="Next Section">Contacto</a></li>
				</ul>
			
		</div>
		<!--close .wrapper-->
	</header>
	<!--close header-->
	
	<!--open #intro-->	
	<div id="intro">

		<!--open content of intro-->
		<div class="intro-wrapper">
		    <div class="intro-text">
		    	<iframe class="alignright" src="images/content/inicio.png" width="300" height="300"></iframe>
				<h2>Teje que teje</h2>
		        <p>Hand Made With Love...nació como una mini-empresa dedicada a ofrecer de un producto nuevo y exclusivo. Y, tal como lo dice su nombre, hechos con las propias manos de su fundadora, con mucho amor para los piecesitos de tu bebé. </p>
			</div>
		</div> 
		<!--close content of intro-->
	</div> 
	<!--close #intro-->
		
	<!--open #overview-->
	<div id="overview">
		<!--open .wrapper-->
		<div class="wrapper">
	    		<h2>Presentación</h2>
	    		<blockquote class="big"><i>Zapatitos de bebé, con una historia que contar</i></blockquote>
	    		<p>¿A quién no le gusta encontrar pequeños recuerdos de su niñez? ¿Acaso, no es lindo cuando tu mamá encuentra algo que usaste cuando naciste? Esto demuestra que fue una época muy ansiada por ella y atesora con mucho amor todos aquellos recuerdos y alegrías que le diste cuando apenas empezabas a conocer el mundo. Eso es lo que te queremos entregar, un regalo para tu hijo o hija, un pequeño tesoro lleno de amor que pueda guardar durante mucho tiempo. En Teje que Teje, nos aseguraremos que los zapatitos que le entregues a los piecesitos de tu bebé, sean un merecido recuerdo para él o ella en el futuro. </p>
	    		
	    		<h3>Galería</h3>
	    		<!--open gallery-->
				<div id="gallery">
					<div class="gallery-item">
						<a href="images/shots/image1.png" class="lightbox_trigger"><img src="images/shots/image1.png" alt="" /></a>
					</div>
					<div class="gallery-item">
						<a href="images/shots/image2.png" class="lightbox_trigger"><img src="images/shots/image2.png" alt="" /></a>
					</div>
					<div class="gallery-item">
						<a href="images/shots/image3.png" class="lightbox_trigger"><img src="images/shots/image3.png" alt="" /></a>
					</div>
					<div class="gallery-item">
						<a href="images/shots/image4.png" class="lightbox_trigger"><img  src="images/shots/image4.png" alt="" /></a>
					</div>
					<div class="gallery-item">
						<a href="images/shots/image5.png" class="lightbox_trigger"><img  src="images/shots/image5.png" alt="" /></a>
					</div>
					<div class="gallery-item">
						<a href="images/shots/image6.png" class="lightbox_trigger"><img  src="images/shots/image6.png" alt="" /></a>
					</div>
				</div>
				<!--close gallery-->		    		
	    </div> 
	    <!--close .wrapper-->  
	</div> 
	<!--close #overview-->
	
	<!--open #features-->
	<div id="features">
		
	
		<!--open .wrapper--> 
		<div class="wrapper">
			<h2>Productos</h2>
			<p>Todos los productos se pueden personalizar de acuerdo a color y tamaño. Además se realizan envíos a todo Chile con recargo especial según región.</p>
			<!--open .column--> 
	        <div class="column">
	    		<div class="featured-1"></div>
	            <h3>Modelo 1</h3>
	            <p>Balerina, especial para niñitas.</p>
	    </div>
	        <!--close .column--> 
	        <!--open .column--> 
	    	<div class="column">
	    		<div class="featured-2"></div>
	            <h3>Modelo 2</h3>
	            <p>Zapatito con broche, buena sujeción al pie de tu bebé.</p>
	        </div>
	        <!--close .column--> 
	        <!--open .column--> 
	    	<div class="column">
	    		<div class="featured-3"></div>
	            <h3>Modelo 3</h3>
	            <p>Zapatito con broche, con un diseño diferente.</p>
	        </div>
	        <!--close .column--> 
	        
	        <!--open .column--> 
	        <div class="column">
	    		<div class="featured-4"></div>
	            <h3>Modelo 4</h3>
	            <p>Balerina con broche para una mejor sujeción.</p>
	    </div>
	        <!--close .column--> 
	        <!--open .column--> 
	    	<div class="column">
	    		<div class="featured-5"></div>
	            <h3>Modelo 5</h3>
	            <p>Zapatito con broche cruzado. </p>
	        </div>
	        <!--close .column--> 
	        <!--open .column--> 
	    	<div class="column">
	    		<div class="featured-6"></div>
	            <h3>Modelo 6</h3>
	            <p>Sandalia, muy cómoda para niñitos.</p>
	        </div>
	        <!--close .column--> 
	        
	        <!--open .column--> 
	        <div class="column">
	    		<div class="featured-7"></div>
	            <h3>Modelo 7</h3>
	            <p>Sandalia para niñito, con deditos descubiertos.</p>
	    </div>
	        <!--close .column--> 
	        <!--open .column--> 
	    	<div class="column">
	    		<div class="featured-8"></div>
	            <h3>Modelo 8</h3>
	            <p>Baleria, con diseño especial. </p>
	        </div>
	        <!--close .column--> 
	        <!--open .column--> 
	    	<div class="column">
	    		<div class="featured-9"></div>
	            <h3>Modelo 9</h3>
	            <p>Zapatito formal, especial para bautizo.</p>
	        </div>
	        <!--close .column--> 
	        
	        <!--open .column--> 
	        <div class="column">
	    		<div class="featured-10"></div>
	            <h3>Modelo 10</h3>
	            <p>Hawaiana, especial para verano.</p>
	    </div>
	        <!--close .column--> 
	        <!--open .column--> 
	    	<div class="column">
	    		<div class="featured-11"></div>
	            <h3>Modelo 11</h3>
	            <p>Botita, ideal para temporada otoño-invierno.</p>
	        </div>
	        <!--close .column--> 
	        <!--open .column--> 
	    	<div class="column">
	    		<div class="featured-12"></div>
	            <h3>Modelo 12</h3>
	            <p>Zapatito con gorro incluído.</p>
	        </div>
	        <!--close .column--> 
	    </div> 
	    <!--close .wrapper-->  
	</div> 
	<!--close #features-->
	

	
	<!--open #testimonials-->
	<div id="testimonials">
		<!--open .wrapper--> 
		<div class="wrapper">
			<h2>Compromisos</h2>
			<div class="testimonials-intro">
				<div class="testimonials-slide">
					<img src="images/content/compromiso1.png" alt="" />
		            <p><i>Todos nuestros productos son hechos a mano, tejidos a crochet, sin uso de máquinas industriales.</i></p>
		            <p><strong>Producto 100% artesanal</strong></p>
		        </div>
		        <div class="testimonials-slide">
		       		<img src="images/content/compromiso2.png" alt="" />
		            <p><i>Siempre estaremos atentos a tus dudas y pedidos, los que enviamos a todo Chile. </i></p>
		            <p><strong>Cumplimiento en tiempo de entrega de productos.</strong></p>
		        </div>
		        <div class="testimonials-slide">
		            <img src="images/content/compromiso3.png" alt="" />
		            <p><i>Cualquier zapatito que quieras, dentro de los modelos disponibles, puedes personalizarlos en cuanto a tamaño y color.</i></p>
		            <p><strong>¡Personalízalos como quieras!</strong></p>
		        </div>
			</div>
	    </div> 
	    <!--close .wrapper-->  
	</div> 
	<!--close #testimonials-->
	
	<!-- open #subscribe-->
	<div id="subscribe">
		<!--open .wrapper-->
		<div class="wrapper">
	        	<h2>Subscríbete</h2>
	            <p>Te enviaremos actulizaciones de zapatitos nuevos y lugares donde exhibiremos nuestros todos productos. Lo principal es mantenerte siempre actualizada para que tengas una experiencia totalmente satisfactoria.</p>
	            <p></p>
	                        
	            <!-- Integration with MailChimp. See documentation -->
	            <form id="subscription" name="subscription" action="#" method="post">
	            	<input type="text" name="EMAIL" value="" placeholder="tucuenta@tuservidor.com" />
	            	<input type="submit" name="subscribe" id="submit" value="Subscribir" />
	            </form>
		</div>
		<!--close .wrapper-->
	</div> 
	<!-- close #subscribe-->
	
	<!--open #pricing-->
	<div id="pricing">
		<!--open .wrapper--> 
		<div class="wrapper">
			<h2>Precios</h2>
			<blockquote class="big">Aquí podrás conocer los precios de nuestros productos y hacer pedidos de acuerdo a tus necesidades. </blockquote>
			
			<!--open .column--> 
	        <div class="column2">
	    		<div class="prices">
		            <h3>Estándar</h3>
		            <p class="price">$7.000.-</p>
		            <p class="period">Un par</p>
		            <ul class="pricing-details">
		            	<li>Zapatito personalizado</li>
		            	<li>Caja de cartón exclusiva</li>
		            	<li></li>
		            	
		            </ul>
		           
	            </div>
	        </div>
	        <!--close .column-->
			 
			<!--open .column--> 
	        <div class="column2">
	    		<div class="prices">
		            <h3>Pack zapatos y gorro</h3>
		            <p class="price">$12.000.-</p>
		            <p class="period">Un par de zapatos + un gorro</p>
		            <ul class="pricing-details">
		            	<li>Zapatito y gorra</li>
		            	<li>Caja de cartón exclusiva.</li>
		            	<li></li>
			</ul>
		           
	            </div>
	        </div>
	        <!--close .column--> 
	       <!--open .column--> 
	        <div class="column2">
	    		<div class="prices">
		            <h3>Para regalo</h3>
		            <p class="price">$3.000.-</p>
		            <p class="period">Recargo adicional</p>
		            <ul class="pricing-details">
		            	<li>Cambio caja cartón por madera</li>
		            	<li>Decoración de caja interior y exterior</li>
		            	<li></li>
			</ul>
		           
	            </div>
	        </div>
	        <!--close .column--> 
	    </div> 
	    <!--close .wrapper-->  
	</div> 
	<!--close #pricing-->
	
	<!-- open #contact-->
	<div id="contact" style="height:600px;margin:0 auto;">
		<!-- open .wrapper-->
		<div class="wrapper" style="margin:0 auto;">
			<h2>Contacto</h2>
			<!-- open .left-box-->
			<div style="margin:0 auto;padding:0 0">
				<p>Si te quieres poner en contacto con nosotros, rellena el siguiente formulario: </p>
				<form id="contact-form" name="contact-form" method="post" style="margin:0 auto;">
					<input type="text" id="name" name="name" value="" placeholder="Nombre" />
	            	<input type="text" id="email" name="email" value="" placeholder="Correo electrónico" />
	            	<input type="text" id="web" name="web" value="" placeholder="Sitio Web" />
	            	<textarea id="message" name="message" placeholder="Mensaje"></textarea>
	            	<img src="form/ajax.gif" class="ajaxgif hide" />
                	<div class="msg"></div>
	            	<input type="button" name="submit" id="submit-contact" value="Enviar" />
	            </form>			     
	        </div>
	        <!-- close .left-box-->
	        </div> 
	    <!--close .wrapper-->
	</div> 
	<!--close #contact-->
	
	
	<!--open footer-->
	<footer>
		<!--open .wrapper-->
		<div class="wrapper">
			<ul class="social">
			<li><a href="#"><img src="images/social/white/facebook.png" alt="" /></a></li>
			<li><a href="#"><img src="images/social/white/pinterest.png" alt="" /></a></li>
			</ul>
		</div>
		<!--close .wrapper-->
		<p>Todos los derechos reservados ©2013.</p>
	</footer>
	<!--close footer-->
	
</body>
</html>
